/*
* @Author: Sean
* @Date:   2019-12-24 00:46:34
* @Last Modified by:   Sean
* @Last Modified time: 2019-12-25 00:34:30
*/

html,
body,
#app,
.cloud-ui {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.cloud-ui {

    .cloud-column {
        overflow: hidden;
    }

    .cloud-mian {
        height: calc(100% - 60px);
    }

    .cloud-body {
        width: 100%;
        height: 100%;
        padding: 0;

        .el-scrollbar {
            height: 100%;
            width: 100%;
        }

        .cloud-canvas {
            margin: 50px;
        }
    }

    .cloud-canvas {
        width: 700px;
        height: 720px;
        background-color: red;
    }

    .el-header,
    .el-footer {
        background-color: #545c64;
        color: #333;
        line-height: 60px;
        padding: 0;
    }

    .el-main {
        background-color: #E9EEF3;
        color: #333;
        padding: 0;
    }

    .el-aside {
        background-color: #D3DCE6;
        color: #333;


        .el-tabs__content {
            height: calc(100% - 29px);
            padding: 0;

            .ct-class-form-tool {
                height: 25px;
                background-color: #ccc;
            }

            .el-tab-pane {
                height: 100%;
            }

            .ct-class-pane {
                height: calc(100% - 25px);
            }

            .el-scrollbar {
                height: 100%;

                .el-scrollbar__wrap {
                    overflow-x: hidden;
                }
            }
        }

        .el-tabs__nav-prev,
        .el-tabs__nav-next {
            height: 30px;
            line-height: 30px;
        }

        .el-tabs__item {
            padding: 0 15px;
            height: 30px;
            box-sizing: border-box;
            line-height: 30px;
            display: inline-block;
            list-style: none;
            font-size: 12px;
            font-weight: 500;
            color: #303133;
            position: relative;
            width: 95.7px;
            text-align: center;
        }

        .el-tabs--border-card {
            box-shadow: none;

            &>.el-tabs__content {
                padding: 0;
            }
        }


        .el-tabs__header {
            margin: 0;


        }
    }

}